{% extends "./inc_baseNew.html" %}
{% block content %}
<!-- hero slider start -->
<style>
.table-striped tr td img {
    width: inherit !important; 
    max-width: inherit;
}
.product-thumb img{
    width: 200px;
    height: 136px;
    display: inline-block;
}
.pricebox p{
    height: 24px;
}
.review-box a,.product-content a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rev-avatar img{
    height:-webkit-fill-available;
}
.company-img-con span,.company-con-top span{
    width: 100px;
    display: inline-block;
    padding: 0;
}
.company-con-top{
    justify-content: space-between;
}
.company-con-top span {
    text-align: right;
}
.company-img-con h1,.company-con-top h1{
    font-size: 40px;
}
.tab2 input[type='radio']:checked~div[class^='mod2'] {
    display: flex;
    justify-content: space-between;
    {# height: 330px; #}
}
.company-img,.company-con{
    float: none;
}
.company-img{
    display: flex;
    flex-direction: column;
}
.company-img img{
    max-width: 100%;
    flex: auto;
    height: 70%;
}
.login button{
    background-color: #4e9ce6;
}
.document-list{
    flex-direction: column;
}
.document-list ul{
    width:100%;
    height:325px;
}
.document-list ul li{
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}
.document-list ul li img{
    width: 120px;
    height: 90px;
    display: inline-block;
}
.document-list ul li span{
    font-size:16px;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.document-list ul li:nth-child(1) div div{
    height:33%;
}
.document-list ul li div div:nth-child(2) span{
    font-size:13px;
    color: #b0b0b0;
    height: 15px;
    line-height: 15px;
}
.document-list ul li div div:nth-child(3) span{
    font-size:13px;
    color: #b0b0b0;
    height: 15px;
    line-height: 15px;
}
.document-list .document-more{
    text-align:right;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}
.document-list .document-more a{
    color: #b0b0b0;

}
.table thead th {   
    color: #58636d;
}
.slick-dot-style ul.slick-dots {
    display: none;
}
</style>
<div class="hero-slider-area">
{% if not controller.is_login %}
<div class="container" style="position:relative;">
        <div class="login">
            <div class="Jhds">
                <input checked class="radio" type="radio" name="Jhds" id="Jhds1">
                <input class="radio" type="radio" name="Jhds" id="Jhds2">
                <div class="tab-title">
                    <label for="Jhds1">密码登录</label>
                    <label for="Jhds2">验证码登录</label>
                </div>
                <div class="tab-outer">
                    <ul class="tab-inner">
                        <li>
                            <div class="password-login">
                                <form action="/center/public/login" method="post" class="form-horizontal" data-validate="parsley">
                                    <div class="username">
                                        <img src="/static/assets_new/img/sjh.jpg" alt="">
                                        <input type="text" placeholder="请输入手机号" name="username" required>
                                    </div>
                                    <div class="password">
                                        <img src="/static/assets_new/img/mm.jpg" alt="">
                                        <input type="password" placeholder="请输入密码" name="password" required>
                                    </div>
                                    <div class="enrolment"><a href="/center/public/register" class="enroll">用户注册</a><a href="/center/public/changepassword" class="enrolr">忘记密码</a></div>
                                    <div class="yes_login"><button class="btn btn-primary ajax-post" style="width: 100%;" target-form="form-horizontal" type="submit">登&nbsp;&nbsp;&nbsp;&nbsp;录</button></div>
                                </form>
                            </div>
                        </li>
                    </ul>
                    <ul class="tab-inner">
                        <li>
                            <div class="password-login">
                            <form action="/ws/common/querysms" method="post" class="form-codelogin" data-validate="parsley">
                                <div class="username">
                                    <img src="/static/assets_new/img/sjh.jpg" alt="">
                                    <input type="text" pattern="\d*" name="mobile" placeholder="请输入手机号" required>
                                </div>
                                <div class="password">
                                    <img src="/static/assets_new/img/yzm.jpg" alt="">
                                    <input  name="sysnumber" type="text" pattern="\d*" maxlength="6" style="width: 55%" placeholder="请输入短信验证码" required >&nbsp;&nbsp;
                                    <button class="btn btn-light btn-sm" onclick="sendSMS(event,this,'mobile')">获取验证码</button>
                                </div>
                                <div class="enrolment"><a href="/center/public/register" class="enroll">用户注册</a><a href="/center/public/changepassword" class="enrolr">忘记密码</a></div>
                                <div class="yes_login"><button class="btn btn-primary ajax-post" style="width: 100%;" target-form="form-codelogin" type="submit">登&nbsp;&nbsp;&nbsp;&nbsp;录</button></div>
                            </form>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
</div>
        {%endif%}
    <div class="slider-wrapper-area3">
        <div class="hero-slider-active hero__3 slick-dot-style hero-dot">
            {% for item in adlist %}
            {% if item.position==2%}
            <a href="/p/{{item.id}}.html" target="_blank"> <div class="single-slider d-flex align-items-center" style="background-image: url({{item.cover}});"></div></a>
            <!-- <div class="single-slider d-flex align-items-center" style="background-image: url(/static/assets_new/img/slider/slider3_bg2.jpg);"></div> -->
            {%endif%}
            {%endfor%}
        </div>
    </div>
</div>
<!-- hero slider end -->

<!-- bulletin area start -->
<!-- <div class="white-bg breadcrumb-area ">
    <div class="container bulletin-sty">
        <span><img src="/static/assets_new/img/bulletin.jpg"></span><span class="bulletin-more"><a href="/shichangfenxi"> 更多消息</a></span>
        <div class="scrollDiv" id="s1">
            <ul>
                {% for item in shichangfenxi %}
                <li><a href="/p/{{item.id}}.html">{{item.title}}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="container accumulative">
        <div>
            <div class="accumulative-ico"><img src="/static/assets_new/img/accumulative-y.jpg"></div>
            <div class="accumulative-con"><span class="tit">累计贸易额</span><span><h1>7,187,096</h1>&nbsp;&nbsp;万元</span></div>
        </div>
        <div>
            <div class="accumulative-ico"><img src="/static/assets_new/img/accumulative-b.jpg"></div>
            <div class="accumulative-con"><span class="tit">累计交易量</span><span><h1>7,187,096</h1>&nbsp;&nbsp;吨</span></div>
        </div>
        <div class="ts">
            <div class="accumulative-ico"><img src="/static/assets_new/img/accumulative-r.jpg"></div>
            <div class="accumulative-con"><span class="tit">累计订单量</span><span><h1>7,187,096</h1>&nbsp;&nbsp;单</span></div>
        </div>
    </div>

</div> -->
<!-- bulletin area end -->

<!-- product wrapper area strat -->
<div class="login-register-wrapper">
    <div class="container margin-boot-5 margin-top-5">
        <div class="member-area-from-wrap">
            <div class="row">
                <!-- Login Content Start -->
                <div class="col-4">
                    <div class="login-reg-form-wrap top-color-red">
                        <h2>
                            价格指数-废钢<a class="tit" href="/price_index_scrap" title="更多数据" target="_blank">更多</a>
                            <!--<div class="more"><a href="/price_index_scrap" title="更多数据">更多数据</a><i></i></div>-->
                        </h2>
                        <div class="wrap-data col-md-12 padding-20" style="height: 163px;"><!--指数走势图-->
                            <iframe src="http://218.24.153.126:8089/WebReport/ReportServer?formlet=HJ%2Fmh%2Fzs.frm" height="100%" width="100%"></iframe>
                        </div>
                        <!--<iframe src="http://218.24.153.126:8089/WebReport/ReportServer?formlet=HJ%2Fmh%2Fzs.frm" height="100%" width="100%;border:0"></iframe>-->

                    </div>
                </div>
                <!-- Login Content End -->

                <!-- Register Content Start -->
                <div class="col-8" style="padding-left: 0;">
                    <div class="login-reg-form-wrap top-color-yel">
                        <h2>价格公示<a class="tit" href="/price_public_scrap" title="更多数据" target="_blank">更多</a></h2>
                        <div class="price-con" style="height: 163px;">
                            <iframe id="price-index" name="price-index" src="http://218.24.153.126:8089/WebReport/ReportServer?formlet=HJ%2Fmh%2F000_MH_ZSFL.frm" height="100%" width="100%"></iframe>
                        </div>
                    </div>
                </div>
                <!-- Register Content End -->
                <!-- Login Content Start -->
                <!-- <div class="col-wy-3">
                    <div class="login-reg-form-wrap top-color-gre">
                        <h2>信息推荐<a href="#"> 更多></a></h2>
                        <div class="info-con">
                            <img src="/static/assets_new/img/news/info-con.jpg" alt="pic"/>
                            <h1>葛洲坝再生资源产业电商峰会</h1>
                            <p>2019年3月大连关注产业发展方向和投资机会</p>
                            <div style="clear:both;"></div>
                            <ul>
                                <li>葛洲坝再生资源产业电商峰会</li>
                                <li>葛洲坝再生资源产业电商峰会</li>
                            </ul>
                        </div>
                    </div>
                </div> -->
                <!-- Login Content End -->

            </div>
        </div>
    </div>
</div>
<!-- product wrapper area end -->
<div class="container ">
        <div class="hero-slider-active hero__3 slick-dot-style">
        {% for item in adlist %}
        {% if item.position==4%}
        <a href="/p/{{item.id}}.html" target="_blank"><img src="{{item.cover}}" alt=""></a>
        {%endif%}
        {%endfor%}
        </div>
</div>
<!-- supply and demand start -->
<div class="container margin-boot-5 margin-top-5">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col">
                <div class="login-reg-form-wrap  top-color-blu">
                    <div style="display: flex;">
                    <h2 style=" height:40px; line-height: 40px; font-size: 20px;display: inline-block;width: 100px;margin-left: 24px;">供需信息</h2>
                    <a href="/shangping?groupid=12" class="zg-more" style="display: inline-block;">更多信息>></a>
                    </div>
                    <div class="tab" style="margin-top:0;">
                        <div>
                            <div >
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th>商品图片</th>
                                        <th>信息类型</th>
                                        <th>商品类别</th>
                                        <th>预计数量</th>
                                        <th>商品价格</th>
                                        <th>所在地区</th>
                                        <th>发布日期</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for item in list1 %}
                                    <tr>
                                        <td>
                                            {% set img = item.tupian|strToJson %}
                                            {%if img.length >0 %}
                                            <img src="{{img[0]}}" alt="">
                                            {% else %}
                                            <img src="/static/assets_new/img/blank.png">
                                            {% endif %}
                                        </td>
                                        <td>{{ item.xinxileixing | get_gongxutype }}</td>
                                        <td>{{item.shangpingleibie}}</td>
                                        <td>{{item.shangpingshuliang}}吨</td>
                                        <td>{{item.jiage}}元/吨</td>
                                        <td>{{item.diqu}}</td>
                                        <td>{{item.chuangjianshijian.split(" ")[0]}}</td>
                                        <td><a target="_blank" href="/home/gongxufabu/detail/?id={{item.id}}" style="border: 1px solid #007bff;color: #007bff;background-color: #fff;">查看详情</a></td>
                                        {% else %}
                                    <tr><td colspan="11"><div class="alert alert-warning alert-block">
                                        <button data-dismiss="alert" class="close" type="button">×</button>
                                        <p>暂无数据</p>
                                    </div></td></tr>
                                    {% endfor %}
                                    </tr>
                                    </tbody>
                                </table>
                                
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- supply and demand end -->
<div class="container ">
        <div class="hero-slider-active hero__3 slick-dot-style">
            {% for item in adlist %}
            {% if item.position==8%}
            <a href="/p/{{item.id}}.html" target="_blank"><img src="{{item.cover}}" alt=""></a>
            {%endif%}
            {%endfor%}
        </div>
</div>
<!-- Park start -->
<div class="container margin-boot-5 margin-top-5">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col">
                <div class="login-reg-form-wrap top-color-yel">
                {%set category=148%}
                    <h2 style="margin-top: 10px; font-size: 20px">{{categoryInfo[category].title}}</h2>
                    <div class="tab2">
                        {% for subCategory in subCategoryMap[category]%}
                        <div>
                            <input type="radio" id="r-{{categoryInfo[subCategory].id}}" name="tab{{categoryInfo[category].id}}" {%if loop.first %}checked{%endif%}>
                            <label for="r-{{categoryInfo[subCategory].id}}" class="label-{{7+loop.index0}}">{{categoryInfo[subCategory].title}}</label>
                            <div class="mod2-{{categoryInfo[subCategory].id}} document-list">
                                    <ul>
                                        {% for item in categoryData[subCategory] %}
                                        <li>
                                        <a href="/p/{{item.id}}.html" class="row">
                                        {%if loop.first %}
                                        <div class="col-auto"> 
                                        {% if item.cover_id>0  %}
                                        <img src="{{item.cover_id|get_pic('m=1,w=100,h=100')}}"  alt="">
                                        {% else %}
                                        <img src="/static/assets_new/img/blank.png">
                                        {% endif %}
                                        </div>
                                        {% endif %}
                                        <div class="col">
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.title}}</span></div>
                                         {%if loop.first %}<div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.description|truncate(90, true, "...")}}</span></div>{% endif %}
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%} justify-content-left"><span>{{item.create_time|moment("YYYY-M-D")}}</span></div>                                    
                                        </div>
                                        </a>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                     <div class="document-more"><a href="/{{categoryInfo[subCategory].id}}"> 更多>></a></div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="col" style="padding-left: 0;">
                <div class="login-reg-form-wrap top-color-gre">
                {%set category=149%}
                    <h2 style="margin-top: 10px; font-size: 20px">{{categoryInfo[category].title}}</h2>
                    <div class="tab2">
                        {% for subCategory in subCategoryMap[category]%}
                        <div>
                            <input type="radio" id="r-{{categoryInfo[subCategory].id}}" name="tab{{categoryInfo[category].id}}" {%if loop.first %}checked{%endif%}>
                            <label for="r-{{categoryInfo[subCategory].id}}" class="label-{{7+loop.index0}}">{{categoryInfo[subCategory].title}}</label>
                            <div class="mod2-{{categoryInfo[subCategory].id}} document-list">
                                    <ul>
                                        {% for item in categoryData[subCategory] %}
                                        <li>
                                        <a href="/p/{{item.id}}.html" class="row">
                                        {%if loop.first %}
                                        <div class="col-auto"> 
                                        {% if item.cover_id>0  %}
                                        <img src="{{item.cover_id|get_pic('m=1,w=100,h=100')}}"  alt="">
                                        {% else %}
                                        <img src="/static/assets_new/img/blank.png">
                                        {% endif %}
                                        </div>
                                        {% endif %}
                                        <div class="col">
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.title}}</span></div>
                                         {%if loop.first %}<div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.description|truncate(90, true, "...")}}</span></div>{% endif %}
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%} justify-content-left"><span>{{item.create_time|moment("YYYY-M-D")}}</span></div>                                    
                                        </div>
                                        </a>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                    <div class="document-more"><a href="/{{categoryInfo[subCategory].id}}"> 更多>></a></div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Park end -->

<div class="container ">
        <div class="hero-slider-active hero__3 slick-dot-style">
            {% for item in adlist %}
            {% if item.position==16%}
            <a href="/p/{{item.id}}.html" target="_blank"><img src="{{item.cover}}" alt=""></a>
            {%endif%}
            {%endfor%}
        </div>
</div>
<!-- News start -->
<div class="container margin-boot-5 margin-top-5">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col">
                <div class="login-reg-form-wrap top-color-yel">
                {%set category=141%}
                    <h2 style="margin-top: 10px; font-size: 20px">{{categoryInfo[category].title}}</h2>
                    <div class="tab2">
                        {% for subCategory in subCategoryMap[category]%}
                        <div>
                            <input type="radio" id="r-{{categoryInfo[subCategory].id}}" name="tab{{categoryInfo[category].id}}" {%if loop.first %}checked{%endif%}>
                            <label for="r-{{categoryInfo[subCategory].id}}" class="label-{{8+loop.index0}}">{{categoryInfo[subCategory].title}}</label>
                            <div class="mod2-{{categoryInfo[subCategory].id}} document-list">
                                    <ul>
                                        {% for item in categoryData[subCategory] %}
                                        <li>
                                        <a href="/p/{{item.id}}.html" class="row">
                                        {%if loop.first %}
                                        <div class="col-auto"> 
                                        {% if item.cover_id>0  %}
                                        <img src="{{item.cover_id|get_pic('m=1,w=100,h=100')}}"  alt="">
                                        {% else %}
                                        <img src="/static/assets_new/img/blank.png">
                                        {% endif %}
                                        </div>
                                        {% endif %}
                                        <div class="col">
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.title}}</span></div>
                                         {%if loop.first %}<div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.description|truncate(90, true, "...")}}</span></div>{% endif %}
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%} justify-content-left"><span>{{item.create_time|moment("YYYY-M-D")}}</span></div>                                    
                                        </div>
                                        </a>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                    <div class="document-more"><a href="/{{categoryInfo[subCategory].id}}"> 更多>></a></div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="col" style="padding-left: 0;">
                <div class="login-reg-form-wrap top-color-gre">
                {%set category=136%}
                    <h2 style="margin-top: 10px; font-size: 20px">{{categoryInfo[category].title}}</h2>
                    <div class="tab2">
                        {% for subCategory in subCategoryMap[category]%}
                        <div>
                            <input type="radio" id="r-{{categoryInfo[subCategory].id}}" name="tab{{categoryInfo[category].id}}" {%if loop.first %}checked{%endif%}>
                            <label for="r-{{categoryInfo[subCategory].id}}" class="label-{{7+loop.index0}}">{{categoryInfo[subCategory].title}}</label>
                            <div class="mod2-{{categoryInfo[subCategory].id}} document-list">
                                    <ul>
                                        {% for item in categoryData[subCategory] %}
                                        <li>
                                        <a href="/p/{{item.id}}.html" class="row">
                                        {%if loop.first %}
                                        <div class="col-auto"> 
                                        {% if item.cover_id>0  %}
                                        <img src="{{item.cover_id|get_pic('m=1,w=100,h=100')}}"  alt="">
                                        {% else %}
                                        <img src="/static/assets_new/img/blank.png">
                                        {% endif %}
                                        </div>
                                        {% endif %}
                                        <div class="col">
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.title}}</span></div>
                                         {%if loop.first %}<div class="row align-items-center {%if not loop.first %}col{%endif%}"><span>{{item.description|truncate(90, true, "...")}}</span></div>{% endif %}
                                        <div class="row align-items-center {%if not loop.first %}col{%endif%} justify-content-left"><span>{{item.create_time|moment("YYYY-M-D")}}</span></div>                                    
                                        </div>
                                        </a>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                    <div class="document-more"><a href="/{{categoryInfo[subCategory].id}}"> 更多>></a></div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- News end -->

<!-- brand area start -->
<div class="container margin-boot-5">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col">
                <div class="login-reg-form-wrap top-color-blu">
                    <h2 style="margin-top: 10px; font-size: 20px">合作伙伴</h2>
                    <div class="brand-area wy-26 pb-10">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="brand-active slick-padding slick-arrow-style">
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br1.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br2.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br3.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br4.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br5.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br6.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br7.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br8.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br9.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br10.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br11.png" alt=""></a>
                                        </div>
                                        <div class="brand-item text-center">
                                            <a href="javscript:;"><img src="/static/assets_new/img/brand/br12.png" alt=""></a>
                                        </div>                 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- brand area end -->
{% endblock %}
